<template>
  <div class="home-list">
    <div class="homegoods-up">
      <img src="http://placehold.it/80" alt="">
    </div>
    <div class="homegoods-down">
      <p>Daisy女士2020春夏新款白色纯棉印花圆领短袖衬衣</p>
      <div class="goods-info"><b>￥99.0</b><span>已售xxx件</span></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
@import '~@/assets/stylus/border.styl';

// html
//   font-size 26.66667vw 
.home-list 
  width: 1.62rem;
  height: 2.33rem;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0.08rem;
  color: #333;
  font-size: 0.13rem;
  margin-bottom: 0.15rem;
  .homegoods-up 
    width: 100%;
    height: 1.3rem;
    border: 0;
    img 
      width: 100%;
      height 100%
      border: 0;
      outline: none;
  .homegoods-down 
    padding: 0.1rem 0.08rem 0 0.08rem;
    height: 1.02rem;
    border_1px(0 0.01rem 0.01rem 0.01rem, #ccc);  
  .goods-info 
    display: flex;
    justify-content: space-between;
    padding-right: 0.05rem;
    b 
      color: red;
      padding-right: 0.2rem;

</style>